@import '../var.less';

@tool-col: 8;
@tool-col-frist: 1;

.handle {
  right: 0;
  bottom: 0;
  position: absolute;
  font-size: 12px;
}

.multi_tools {
  :global {
    .ant-popover-content {
      .ant-popover-inner {
        padding-top: 0;
        padding-bottom: 0;
      }
    }
  }
}

.tools {
  display: flex;
  flex-wrap: wrap;
  width: @tool-size * @tool-col + (@tool-col - 1) * 8px;
  margin-bottom: 8px;
  min-height: 150px;
}

.tool_item {
  margin-bottom: 8px;

  &+.tool_item {
    margin-left: 8px;
  }

  &:nth-child(@{tool-col}n + @{tool-col-frist}) {
    margin-left: 0;
  }
}